<template>
  <div style="min-height:100vh" id="myhtml">
    <form method="post" id="loginForm" name="loginForm" action="webgis/webgis/data/login.action"
      onsubmit="return doValidate();">
      
      <div><input type="text" value="luoll3" placeholder="用户名" name="username" id="username"></div>
      <div><input type="password" value="shangxin.A1" placeholder="密码" name="password" id="password"></div>
      <!-- <div><input type="number" placeholder="请输入验证码" style="" name="verificationCode" id="verificationCode" tabindex="3" minlength="4" maxlength="4" size="4" class="required"></div> -->
      <div>
        <input type="text" placeholder="请输入验证码" name="randomCode"
      id="randomCode" tabindex="3" size="6">
      <img id="pic_random_code" style="cursor: hand;" name="pic_random_code" onclick="changeValidateCode(this)" alt="" title="" src="">
      </div>
      <div><input type="submit" value="登录"></div>
    </form>

  </div>
</template>
  
<script>
import { onMounted } from 'vue';
import api from "../api"
export default {
  name: 'About',
  setup() {
    onMounted(() => {
      api.get('/webgis/webgis/data/login.action')
        .then((data) => {

        })
      document.querySelector('#pic_random_code').setAttribute('src','/webgis/webgis/randomPicture.action?d=1719631263638')
    });
  }
}
</script>

<style>
#loginForm {
  display: flex;
  flex-direction: column;
}
</style>